.flex {
  display: flex;
}

.mt20 {
  margin-top: 20px;
}

//.ml24 {
//  margin-left: 24px;
//}

.small-card {
}

.fullscreen {
  position: absolute;
  right: 40px;
  top: 90px;
  cursor: pointer;
}

.home-container {
  height: 100%;
  width: 100%;
  background-color: #f0f2f5;
  overflow-y: auto;
  overflow-x: hidden;

  .card {
    background-color: #ffffff;
    padding: 20px;
  }

  &-main {
    width: 100%;

    .top-nums {
      height: 120px;
      display: grid;
      grid-template-rows: 1fr;
      grid-template-columns: repeat(4, 1fr);
      grid-row-gap: 0px;
      grid-column-gap: 24px;

      .num1, .num2, .num3, .num4 {
        background-size: 100%;
        background-position: center;

        > .main {
          height: 120px;
          padding: 20px;
        }
      }

      .num1 {
        background: url("~@/assets/img/home/line1_bg.png") no-repeat;
      }

      .num2 {
        background: url("~@/assets/img/home/line1_bg.png") no-repeat;
      }

      .num3 {
        background: url("~@/assets/img/home/line1_bg.png") no-repeat;
      }

      .num4 {
        background: url("~@/assets/img/home/line1_bg.png") no-repeat;
      }
    }

    // 月度综合能效
    .month-complex {
    }

    // 月度碳排
    .month-carbon {
    }
  }

  //&-right {
  //  width: 540px;
  //  height: 100%;
  //
  //  .total-revenue {
  //    width: 540px;
  //    height: 480px;
  //  }
  //}
}
